<template>
  <div class="body">
    <el-tabs class="tabs" v-model="activeName">
      <el-tab-pane label="电源点" name="1"><PowerPoint /></el-tab-pane>
      <el-tab-pane label="线路" name="2"><PowerLine/></el-tab-pane>
      <el-tab-pane label="客户信息" name="3"><PowerCustomer/></el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import PowerPoint from './components/PowerPoint.vue'
import PowerLine from './components/PowerLine.vue'
import PowerCustomer from './components/PowerCustomer.vue'
export default {
  name: 'FileFlow',
  components: { PowerPoint, PowerLine, PowerCustomer },
  data () {
    return {
      activeName: '1'
    }
  }
}
</script>

<style lang="scss" scoped>
.body {
  padding: 10px;
}
.tabs {
  background-color: #fff;
}
::v-deep .el-tabs__header{
    padding: 0 10px;
}
::v-deep .el-tabs__nav-wrap::after{
background-color: #fff;
}
</style>
